<template>
    <div>
        <ChildSlot>
            <template #head>
                <div>header~~~</div>
            </template>
            <template #main>
                <div>mian~~~~</div>
            </template>
            <template #foot>
                <div>footer~~</div>
            </template>
            <template v-slot="{user}">
                {{ user.fName}}
                {{ user.lName}}
            </template>
        </ChildSlot>
    </div>
</template>

<script>
import ChildSlot from './childSlot.vue'
export default {
  components: { ChildSlot }
}
</script>

<style>

</style>
